Les valeurs sont estimées et peuvent varier. Le calcul du score lié aux performances repose directement sur ces statistiques.Affichez la calculatrice.
0–49 50–89 90–100
Statistiques
First Contentful Paint
1,4 s
La statistique "First Contentful Paint" indique le moment où le premier texte ou la première image sont affichés. En savoir plus
Time to Interactive
2,5 s
La valeur "Time to Interactive" correspond au temps nécessaire pour que la page devienne entièrement interactive. En savoir plus
Speed Index
1,4 s
La valeur "Speed Index" indique la rapidité avec laquelle le contenu d'une page est disponible. En savoir plus
Total Blocking Time
0 ms
Somme en millisecondes de toutes les périodes entre le First Contentful Paint et le Time to Interactive, lorsque la durée de la tâche a dépassé 50 ms. En savoir plus
Largest Contentful Paint
3,9 s
La statistique "Largest Contentful Paint" indique le moment où le texte le plus long ou l'image la plus grande sont affichés. En savoir plus
Cumulative Layout Shift
0
Cumulative Layout Shift mesure le mouvement des éléments visibles dans la fenêtre d'affichage. En savoir plus
- Captured at 2 févr. 2023, 00:16 UTC−5
- Émulation (Moto G4) with Lighthouse 9.6.6Puissance processeur/mémoire: 1141 Limitation du processeur: 4x slowdown (Simulated) Version d'axe: 4.4.1
- Chargement de page uniqueCes données proviennent d'un seul chargement de page, contrairement aux données de champ qui résument plusieurs sessions.
- Chargement de page initial
- Connexion 4G lenteLimitation de bande passante réseau: 150 ms TCP RTT, 1 638,4 Kbps throughput (Simulated) Position du navigateur : Amérique du Nord
- Using HeadlessChromium 109.0.5414.101 with lrUser-agent (réseau): "Mozilla/5.0 (Linux; Android 7.0; Moto G (4)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4695.0 Mobile Safari/537.36 Chrome-Lighthouse"
Afficher les audits pertinents pour :
Opportunités
Opportunité
Estimation des économies
Éliminez les ressources qui bloquent le rendu 0,52 s
Éliminez les ressources qui bloquent le rendu
0,52 s
Des ressources bloquent la première visualisation (first paint) de votre page. Envisagez de diffuser des feuilles JS/CSS essentielles en ligne et de différer la diffusion de toutes les feuilles JS/de style non essentielles. En savoir plusFCPLCP
URL | Taille de transfert | Économies potentielles |
|---|---|---|
…css/bootstrap.css (vjeanty02.github.io) | 20,2 KiB | 300 ms |
Réduisez la taille des ressources JavaScript 0,15 s
Réduisez la taille des ressources JavaScript
0,15 s
La minimisation des fichiers JavaScript peut réduire la taille des charges utiles et la durée d'analyse des scripts. En savoir plusFCPLCP
URL | Taille de transfert | Économies potentielles |
|---|---|---|
…js/jquery-2.1.0.js (vjeanty02.github.io) | 35,5 KiB | 14,6 KiB |
Réduisez les ressources CSS inutilisées 0,15 s
Réduisez les ressources CSS inutilisées
0,15 s
Réduisez les règles inutilisées des feuilles de style et différez les ressources CSS non utilisées pour le contenu au-dessus de la ligne de flottaison afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusFCPLCP
URL | Taille de transfert | Économies potentielles |
|---|---|---|
…css/bootstrap.css (vjeanty02.github.io) | 20,2 KiB | 19,4 KiB |
Réduisez les ressources JavaScript inutilisées 0,15 s
Réduisez les ressources JavaScript inutilisées
0,15 s
Réduisez les ressources JavaScript inutilisées et différez le chargement des scripts tant qu'ils ne sont pas requis afin de réduire la quantité d'octets consommés par l'activité réseau. En savoir plusLCP
URL | Taille de transfert | Économies potentielles |
|---|---|---|
…js/jquery-2.1.0.js (vjeanty02.github.io) | 35,5 KiB | 23,1 KiB |
Diagnostic
Diffusez des éléments statiques grâce à des règles de cache efficaces 19 ressources trouvées
Une longue durée de vie du cache peut accélérer les visites répétées sur votre page. En savoir plus
URL | Cache de la valeur TTL | Taille de transfert |
|---|---|---|
…img/image-de-presentation1.webp (vjeanty02.github.io) | 10 m | 291 KiB |
…fonts/fontawesome-webfont.woff2?v=4.7.0 (vjeanty02.github.io) | 10 m | 76 KiB |
…fonts/et-line.woff (vjeanty02.github.io) | 10 m | 55 KiB |
…js/jquery-2.1.0.js (vjeanty02.github.io) | 10 m | 36 KiB |
…img/image-de-presentation2.webp (vjeanty02.github.io) | 10 m | 34 KiB |
…css/bootstrap.css (vjeanty02.github.io) | 10 m | 20 KiB |
…img/realisation4.webp (vjeanty02.github.io) | 10 m | 18 KiB |
…img/realisation1.webp (vjeanty02.github.io) | 10 m | 14 KiB |
…img/realisation2.webp (vjeanty02.github.io) | 10 m | 13 KiB |
…img/logo.webp (vjeanty02.github.io) | 10 m | 13 KiB |
…img/realisation3.webp (vjeanty02.github.io) | 10 m | 12 KiB |
…js/bootstrap.js (vjeanty02.github.io) | 10 m | 10 KiB |
…img/agence-la-panthere.svg (vjeanty02.github.io) | 10 m | 10 KiB |
…js/gmaps.js (vjeanty02.github.io) | 10 m | 10 KiB |
…css/font-awesome.css (vjeanty02.github.io) | 10 m | 8 KiB |
…js/jquery.touchSwipe.js (vjeanty02.github.io) | 10 m | 5 KiB |
/OPC_Project_4/style.css (vjeanty02.github.io) | 10 m | 4 KiB |
…js/blocs.js (vjeanty02.github.io) | 10 m | 4 KiB |
…css/et-line.css (vjeanty02.github.io) | 10 m | 2 KiB |
First Contentful Paint (3G) 3030 ms
First Contentful Paint 3G marks the time at which the first text or image is painted while on a 3G network. Learn more.
Évitez de créer des chaînes de requêtes critiques 8 chaînes trouvées
Les chaînes de demandes critiques ci-dessous vous montrent quelles ressources sont chargées avec une priorité élevée. Envisagez de réduire la longueur des chaînes et la taille de téléchargement des ressources ou de reporter le téléchargement de ressources inutiles afin d'améliorer le chargement des pages. En savoir plusFCPLCP
Latence de chemin d'accès critique maximale : 180 ms
Navigation initiale
/OPC_Project_4/
(vjeanty02.github.io)
…css/bootstrap.css
- 70 ms, 20,24 KiB (vjeanty02.github.io)
/OPC_Project_4/style.css
- 60 ms, 4,44 KiB (vjeanty02.github.io)
…css/font-awesome.css
(vjeanty02.github.io)
…fonts/fontawesome-webfont.woff2?v=4.7.0
- 50 ms, 76,05 KiB (vjeanty02.github.io)
…css/et-line.css
(vjeanty02.github.io)
…fonts/et-line.woff
- 20 ms, 54,62 KiB (vjeanty02.github.io)
…js/jquery-2.1.0.js
- 60 ms, 35,53 KiB (vjeanty02.github.io)
…js/bootstrap.js
- 40 ms, 10,32 KiB (vjeanty02.github.io)
…js/blocs.js
- 50 ms, 3,54 KiB (vjeanty02.github.io)
…js/gmaps.js
- 60 ms, 9,84 KiB (vjeanty02.github.io)
Réduisez au maximum le nombre de requêtes et la taille des transferts 20 requêtes• 638 Kio
Pour définir des budgets liés à la quantité et à la taille des ressources de pages, ajoutez un fichier budget.json. En savoir plus
Type de ressource | Requêtes | Taille de transfert |
|---|---|---|
Total | 20 | 637,5 KiB |
Image | 8 | 405,2 KiB |
Police de caractères | 2 | 130,7 KiB |
Script | 5 | 63,8 KiB |
Feuille de style | 4 | 34,4 KiB |
Document | 1 | 3,5 KiB |
Contenu multimédia | 0 | 0,0 KiB |
Autre | 0 | 0,0 KiB |
Tiers | 0 | 0,0 KiB |
Élément identifié comme "Largest Contentful Paint" 1 élément trouvé
Il s'agit de l'élément identifié comme "Largest Contentful Paint" dans la fenêtre d'affichage. En savoir plusLCP
Élément |
|---|
Agence La Panthère
CONTACT <section class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero"> |
Évitez les tâches longues dans le thread principal 2 tâches longues trouvées
Indique les tâches les plus longues du thread principal, ce qui est utile pour identifier celles qui entraînent le plus de retard. En savoir plusTBT
URL | Heure de début | Durée |
|---|---|---|
/OPC_Project_4/ (vjeanty02.github.io) | 847 ms | 59 ms |
…js/jquery-2.1.0.js (vjeanty02.github.io) | 3 480 ms | 58 ms |
Audits réussis (30) Afficher Masquer
Audits réussis (30)
Afficher Masquer
Dimensionnez correctement les images Économies potentielles de 9 Kio
Diffusez des images de taille appropriée afin d'économiser des données mobiles et de réduire le temps de chargement. En savoir plus
URL | Taille de la ressource | Économies potentielles | |
|---|---|---|---|
Agence La Panthère, agence web paris, création logo paris <img src="img/logo.webp" class="center-block image-resize-mode" width="100" height="100" alt="Agence La Panthère, agence web paris, création logo paris"> | …img/logo.webp (vjeanty02.github.io) | 12,0 KiB | 9,1 KiB |
Différez le chargement des images hors écran
Envisagez de charger des images masquées ou hors écran après le chargement de toutes les ressources essentielles afin de réduire le délai avant interactivité. En savoir plus
Réduisez la taille des ressources CSS
La réduction des fichiers CSS peut réduire la taille des charges utiles de réseau. En savoir plusFCPLCP
Encodez les images de manière efficace
Les images optimisées se chargent plus rapidement et consomment moins de données mobiles. En savoir plus
Diffusez des images aux formats nouvelle génération
Les formats d'image comme WebP et AVIF proposent souvent une meilleure compression que PNG et JPEG. Par conséquent, les téléchargements sont plus rapides et la consommation de données est réduite. En savoir plus
Activez la compression de texte
Les ressources textuelles doivent être diffusées compressées (Gzip, Deflate ou Brotli) pour réduire le nombre total d'octets du réseau. En savoir plusFCPLCP
Connectez-vous à l'avance aux origines souhaitées
Envisagez d'ajouter les indices de ressources `preconnect` ou `dns-prefetch` pour établir les premières connexions avec des origines tierces importantes. Découvrez-en davantage.FCPLCP
Le temps de réponse initial du serveur était court Le document racine a pris 40 ms
Le temps de réponse du serveur pour le document principal doit rester court, car toutes les autres requêtes en dépendent. En savoir plusFCPLCP
URL | Temps passé |
|---|---|
/OPC_Project_4/ (vjeanty02.github.io) | 40 ms |
Évitez les redirections de page multiples
Les redirections entraînent des retards supplémentaires avant que la page ne puisse être chargée. En savoir plusFCPLCP
Préchargez les demandes clés
Envisagez d'utiliser `<link rel=preload>` pour hiérarchiser la récupération des ressources actuellement requises pour le chargement ultérieur de la page. En savoir plusFCPLCP
Utilisez des formats vidéo pour le contenu animé
Les grandes images GIF sont inefficaces pour diffuser du contenu animé. Envisagez d'utiliser des vidéos MPEG4/WebM pour les animations et PNG/WebP pour les images statiques au lieu d'images GIF afin d'économiser des octets réseau. En savoir plusLCP
Supprimez les modules en double dans les groupes JavaScript
Supprimez les modules JavaScript volumineux et en double de vos groupes pour réduire les débits d'octets superflus sur le réseau. TBT
Évitez d'utiliser de l'ancien code JavaScript dans les navigateurs récents
Les polyfills et les attributs "transform" permettent aux anciens navigateurs d'utiliser les nouvelles fonctionnalités JavaScript. Dans la majorité des cas cependant, ils ne sont pas nécessaires aux navigateurs modernes. Adoptez une stratégie de déploiement de script moderne pour votre groupe JavaScript : utilisez la détection de fonctionnalité module/nomodule pour réduire la quantité de code envoyée aux navigateurs modernes tout en continuant de prendre en charge les plus anciens. En savoir plusTBT
Précharger l'image Largest Contentful Paint
Préchargez l'image utilisée par l'élément LCP pour améliorer la durée de votre LCP. En savoir plusLCP
URL | Économies potentielles | |
|---|---|---|
Agence La Panthère
CONTACT <section class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero"> | …img/image-de-presentation1.webp (vjeanty02.github.io) | 0 ms |
Éviter d'énormes charges utiles de réseau La taille totale était de 638 Kio
Les charges utiles des grands réseaux coûtent de l'argent réel aux utilisateurs et sont fortement corrélées aux délais de chargement interminables. En savoir plusLCP
URL | Taille de transfert |
|---|---|
…img/image-de-presentation1.webp (vjeanty02.github.io) | 291,0 KiB |
…fonts/fontawesome-webfont.woff2?v=4.7.0 (vjeanty02.github.io) | 76,0 KiB |
…fonts/et-line.woff (vjeanty02.github.io) | 54,6 KiB |
…js/jquery-2.1.0.js (vjeanty02.github.io) | 35,5 KiB |
…img/image-de-presentation2.webp (vjeanty02.github.io) | 33,8 KiB |
…css/bootstrap.css (vjeanty02.github.io) | 20,2 KiB |
…img/realisation4.webp (vjeanty02.github.io) | 18,0 KiB |
…img/realisation1.webp (vjeanty02.github.io) | 14,4 KiB |
…img/realisation2.webp (vjeanty02.github.io) | 13,1 KiB |
…img/logo.webp (vjeanty02.github.io) | 12,7 KiB |
Éviter une taille excessive de DOM 128 éléments
Un grand DOM sollicite davantage la mémoire, et entraîne de plus longs calculs de style et de coûteux ajustements de la mise en page. En savoir plusTBT
Statistique | Élément | Valeur |
|---|---|---|
Nombre total d'éléments DOM | 128 | |
Profondeur maximum de DOM | Search <span class="sr-only"> | 12 |
Nombre maximal d'éléments enfants | body <body> | 6 |
Marques et mesures du temps utilisateur
Envisagez de doter votre application de l'API User Timing pour mesurer ses performances réelles lors d'expériences utilisateur clés. En savoir plus
Délai d'exécution de JavaScript 0,1 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
URL | Temps CPU total | Évaluation des scripts | Analyse des scripts |
|---|---|---|---|
/OPC_Project_4/ (vjeanty02.github.io) | 212 ms | 13 ms | 6 ms |
Unattributable | 120 ms | 8 ms | 0 ms |
…js/jquery-2.1.0.js (vjeanty02.github.io) | 86 ms | 64 ms | 9 ms |
Réduire le travail du thread principal 0,5 s
Envisagez de réduire le temps consacré à l'analyse, la compilation et l'exécution de JavaScript. La livraison de charges utiles JavaScript plus petites peut vous aider. En savoir plusTBT
Catégorie | Temps passé |
|---|---|
Other | 169 ms |
Style & Layout | 120 ms |
Script Evaluation | 105 ms |
Parse HTML & CSS | 42 ms |
Script Parsing & Compilation | 22 ms |
Rendering | 21 ms |
La totalité du texte reste visible pendant le chargement des polices Web
Utilisez la fonction d'affichage de la police CSS afin que le texte soit visible par l'utilisateur pendant le chargement des polices Web. En savoir plusFCPLCP
Réduire au maximum l'utilisation de code tiers
Le code tiers peut affecter considérablement les performances de chargement des pages. Limitez le nombre de fournisseurs tiers redondants, et essayez de charger du code tiers une fois le chargement de votre page terminé. En savoir plusTBT
Ressources tierces pouvant être chargées de façon différée avec des façades
Certaines intégrations tierces peuvent être chargées de manière différée. Vous pouvez envisager de les remplacer par une façade tant qu'elles ne sont pas requises. En savoir plusTBT
L'image Largest Contentful Paint n'a pas eu de chargement différé
Les images de la partie au-dessus de la ligne de flottaison qui ont un chargement différé sont rendues plus tard dans le cycle de vie de la page, ce qui peut retarder Largest Contentful Paint. En savoir plus
Élément |
|---|
Agence La Panthère
CONTACT <section class="bloc bgc-dark-slate-blue bg-banniere d-bloc bg-t-edge bloc-bg-texture text…" id="bloc-1-hero"> |
Éviter les changements de mise en page importants
Ces éléments DOM contribuent en grande partie au CLS de la page.CLS
La page utilise des écouteurs d'événements passifs pour améliorer les performances de défilement
Envisagez de marquer vos écouteurs d'événements tactiles et à la molette comme `passive` pour améliorer les performances de défilement de votre page. En savoir plus
Évite document.write()
document.write() Pour les utilisateurs rencontrant des problèmes de connexion lente, les scripts externes injectés dynamiquement via `document.write()` peuvent retarder le chargement des pages de plusieurs dizaines de secondes. En savoir plus
Éviter les animations non composées
Les animations non composées peuvent être lentes et augmenter le CLS. En savoir plusCLS
Les éléments d'image possèdent une width et une height explicites
width et une height explicites Indiquez une largeur et une hauteur explicites sur les éléments d'image afin de réduire les décalages de mise en page et d'améliorer le CLS. En savoir plusCLS
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
<meta name="viewport"> ayant l'attribut width ou initial-scale est configurée Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Permet d'éviter les écouteurs d'événements unload
unload L'événement `unload` ne se déclenche pas de manière fiable, et son analyse risque d'empêcher les optimisations du navigateur telles que la mise en cache des pages précédentes et suivantes. Utilisez plutôt les événements `pagehide` ou `visibilitychange`. En savoir plus
Ces vérifications permettent de connaître les possibilités d'amélioration de l'accessibilité de vos applications Web. Seule une partie des problèmes d'accessibilité peut être détectée automatiquement. Il est donc conseillé d'effectuer un test manuel.
Autres éléments à vérifier manuellement (10) Afficher Masquer
Autres éléments à vérifier manuellement (10)
Afficher Masquer
The page has a logical tab order
Tabbing through the page follows the visual layout. Users cannot focus elements that are offscreen. Learn more.
Interactive controls are keyboard focusable
Custom interactive controls are keyboard focusable and display a focus indicator. Learn more.
Interactive elements indicate their purpose and state
Interactive elements, such as links and buttons, should indicate their state and be distinguishable from non-interactive elements. Learn more.
The user's focus is directed to new content added to the page
If new content, such as a dialog, is added to the page, the user's focus is directed to it. Learn more.
User focus is not accidentally trapped in a region
A user can tab into and out of any control or region without accidentally trapping their focus. Learn more.
Custom controls have associated labels
Custom interactive controls have associated labels, provided by aria-label or aria-labelledby. Learn more.
Custom controls have ARIA roles
Custom interactive controls have appropriate ARIA roles. Learn more.
Visual order on the page follows DOM order
DOM order matches the visual order, improving navigation for assistive technology. Learn more.
Offscreen content is hidden from assistive technology
Offscreen content is hidden with display: none or aria-hidden=true. Learn more.
HTML5 landmark elements are used to improve navigation
Landmark elements (<main>, <nav>, etc.) are used to improve the keyboard navigation of the page for assistive technology. Learn more.
Audits réussis (12) Afficher Masquer
Audits réussis (12)
Afficher Masquer
[aria-hidden="true"] ne figure pas sur le document <body>
[aria-hidden="true"] ne figure pas sur le document <body> Les technologies d'assistance, telles que les lecteurs d'écran, présentent un fonctionnement irrégulier lorsque `aria-hidden="true"` est défini sur l'élément `<body>` du document. En savoir plus
Les boutons ont un nom accessible
Lorsqu'un bouton n'a pas de nom accessible, les lecteurs d'écran annoncent simplement qu'il s'agit d'un "bouton", ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments d'image possèdent des attributs [alt]
[alt] Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et l'attribut [maximum-scale] n'est pas inférieur à 5.
[user-scalable="no"] n'est pas utilisé dans l'élément <meta name="viewport">, et l'attribut [maximum-scale] n'est pas inférieur à 5. La désactivation de la fonction de zoom peut être problématique pour les utilisateurs qui ne voient pas bien et qui ont besoin d'agrandir le contenu d'une page Web pour en saisir le sens. En savoir plus
La page contient un titre, un lien "Ignorer" ou un point de repère
En ajoutant des méthodes pour contourner les contenus répétitifs, vous permettez aux internautes qui utilisent un clavier de naviguer plus efficacement sur la page. En savoir plus
Les couleurs d'arrière-plan et de premier plan sont suffisamment contrastées
Un texte faiblement contrasté est difficile, voire impossible à lire pour de nombreux utilisateurs. En savoir plus
Le document contient un élément <title>
<title> Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
Les attributs [id] sur des éléments sélectionnables actifs sont uniques
[id] sur des éléments sélectionnables actifs sont uniques Tous les éléments sélectionnables doivent être associés à un `id` unique pour qu'ils soient visibles par les technologies d'assistance. En savoir plus
L'élément <html> contient un attribut [lang]
<html> contient un attribut [lang] Lorsqu'une page ne spécifie pas d'attribut "lang", les lecteurs d'écran considèrent qu'elle est rédigée dans la langue par défaut sélectionnée au moment de leur configuration par l'utilisateur. Si la page n'est pas rédigée dans cette langue par défaut, les lecteurs d'écran risquent de ne pas énoncer correctement son contenu. En savoir plus
La valeur de l'attribut [lang] de l'élément <html> est valide
[lang] de l'élément <html> est valide Le fait de spécifier une langue BCP 47 valide permet d'aider les lecteurs d'écran à énoncer correctement le texte. En savoir plus
Les liens ont un nom visible
Rédigez du texte visible et unique pour les liens (et pour le texte de substitution des images, si vous vous en servez dans des liens), afin que les utilisateurs de lecteurs d'écran puissent facilement positionner le curseur dessus et bénéficient d'une meilleure expérience de navigation. En savoir plus
Les éléments d'en-tête sont classés séquentiellement par ordre décroissant
Les en-têtes correctement classés qui respectent les niveaux transmettent la structure sémantique de la page, ce qui garantit une navigation plus aisée et permet d'identifier plus facilement dans quels cas utiliser les technologies d'assistance. En savoir plus
Non applicable (32) Afficher Masquer
Non applicable (32)
Afficher Masquer
Les valeurs [accesskey] sont uniques
[accesskey] sont uniques Les clés d'accès permettent aux utilisateurs de positionner rapidement le curseur dans une partie spécifique de la page. Pour les aider à naviguer correctement, pensez à définir des clés d'accès uniques. En savoir plus
Les attributs [aria-*] correspondent à leurs rôles
[aria-*] correspondent à leurs rôles Chaque `role` ARIA est rattaché à un sous-ensemble spécifique d'attributs `aria-*`. S'ils ne sont pas correctement associés, les attributs `aria-*` ne seront pas valides. En savoir plus
Les éléments button, link et menuitem ont des noms accessibles
button, link et menuitem ont des noms accessibles Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments [aria-hidden="true"] ne contiennent pas de descendants sélectionnables
[aria-hidden="true"] ne contiennent pas de descendants sélectionnables La présence de descendants sélectionnables dans un élément `[aria-hidden="true"]` empêche les utilisateurs de technologies d'assistance, telles que des lecteurs d'écran, de se servir de ces éléments interactifs. En savoir plus
Les champs de saisie ARIA ont des noms accessibles
Lorsqu'un champ de saisie n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA meter ont des noms accessibles
meter ont des noms accessibles Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA progressbar ont des noms accessibles
progressbar ont des noms accessibles Lorsqu'un élément `progressbar` n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Tous les éléments [role] contiennent les attributs [aria-*] requis
[role] contiennent les attributs [aria-*] requis Certains rôles ARIA ont des attributs obligatoires qui décrivent l'état de l'élément aux lecteurs d'écran. En savoir plus
Les éléments ayant un [role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis.
[role] ARIA, qui exigent que les enfants incluent un [role] spécifique, possèdent tous les enfants requis. Certains rôles ARIA parents doivent contenir des rôles enfants spécifiques afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les éléments [role] sont inclus dans l'élément parent approprié
[role] sont inclus dans l'élément parent approprié Certains rôles ARIA enfants doivent être inclus dans un rôle parent spécifique afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les valeurs [role] sont valides
[role] sont valides Les rôles ARIA doivent comporter des valeurs valides afin de remplir correctement leurs fonctions d'accessibilité. En savoir plus
Les champs d'activation/de désactivation ARIA ont des noms accessibles
Lorsqu'un champ d'activation/de désactivation n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA tooltip ont des noms accessibles
tooltip ont des noms accessibles Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les éléments ARIA treeitem ont des noms accessibles
treeitem ont des noms accessibles Lorsqu'un élément n'a pas de nom accessible, les lecteurs d'écran l'annoncent avec un nom générique, ce qui le rend inutilisable pour les personnes qui se servent de tels outils. En savoir plus
Les attributs [aria-*] ont des valeurs valides
[aria-*] ont des valeurs valides Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs valeurs ne sont pas valides. En savoir plus
Les attributs [aria-*] sont valides et correctement orthographiés
[aria-*] sont valides et correctement orthographiés Les technologies d'assistance telles que les lecteurs d'écran ne peuvent pas interpréter les attributs ARIA si leurs noms ne sont pas valides. En savoir plus
Les éléments <dl> ne contiennent que des groupes <dt> et <dd> ainsi que des éléments <script>, <template> ou <div> dans le bon ordre.
<dl> ne contiennent que des groupes <dt> et <dd> ainsi que des éléments <script>, <template> ou <div> dans le bon ordre. Si les listes de définition ne sont pas correctement balisées, les lecteurs d'écran risquent de donner des résultats confus ou imprécis. En savoir plus
Les éléments de liste de définition sont encapsulés dans des éléments <dl>
<dl> Les éléments de liste de définition (`<dt>` et `<dd>`) doivent être encapsulés dans un élément `<dl>` parent afin que les lecteurs d'écran puissent les énoncer correctement. En savoir plus
Les ID ARIA sont uniques
La valeur d'un ID ARIA doit être unique afin que les différentes instances soient toutes prises en compte par les technologies d'assistance. En savoir plus
Aucun champ de formulaire ne comporte plusieurs libellés
Les champs de formulaire comprenant plusieurs libellés peuvent être annoncés par les technologies d'assistance comme des lecteurs d'écran utilisant le premier, le dernier ou tous les libellés, ce qui peut prêter à confusion. En savoir plus
Les éléments <frame> ou <iframe> ont un titre
<frame> ou <iframe> ont un titre Les lecteurs d'écran s'appuient sur le titre des frames pour décrire le contenu de ces derniers aux utilisateurs. En savoir plus
Les éléments <input type="image"> contiennent du texte [alt]
<input type="image"> contiennent du texte [alt] Lorsqu'une image est utilisée comme bouton `<input>`, vous pouvez aider les utilisateurs de lecteurs d'écran à comprendre son utilité en ajoutant un texte de substitution. En savoir plus
Les éléments de formulaire sont associés à des libellés
Les libellés permettent de s'assurer que les éléments de contrôle des formulaires sont énoncés correctement par les technologies d'assistance, comme les lecteurs d'écran. En savoir plus
Les listes contiennent uniquement des éléments <li> et des éléments de type script (<script> et <template>).
<li> et des éléments de type script (<script> et <template>). Les lecteurs d'écran ont une façon spécifique d'énoncer les listes. Pour leur permettre de donner de bons résultats, pensez à bien structurer ces dernières. En savoir plus
Les éléments de liste (<li>) sont inclus dans des éléments parents <ul> ou <ol>
<li>) sont inclus dans des éléments parents <ul> ou <ol> Les lecteurs d'écran requièrent que les éléments de liste (`<li>`) soient contenus dans un élément parent `<ul>` ou `<ol>` pour les énoncer correctement. En savoir plus
Le document n'utilise pas de balise Meta <meta http-equiv="refresh">
<meta http-equiv="refresh"> Les utilisateurs ne s'attendent pas à ce qu'une page s'actualise automatiquement. De plus, lorsque cela se produit, le curseur est aussitôt repositionné en haut de la page. Cela peut générer de la frustration et perturber l'expérience utilisateur. En savoir plus
Les éléments <object> contiennent du texte de substitution
<object> contiennent du texte de substitution Les lecteurs d'écran ne peuvent pas traduire les contenus non textuels. En ajoutant un texte de substitution aux éléments `<object>`, vous aiderez les lecteurs d'écran à transmettre votre message aux utilisateurs. En savoir plus
Aucun élément n'a de valeur [tabindex] supérieure à 0
[tabindex] supérieure à 0 Une valeur supérieure à 0 implique un ordre de navigation explicite. Bien que cela soit valide d'un point de vue technique, cela crée souvent une expérience frustrante pour les utilisateurs qui s'appuient sur des technologies d'assistance. En savoir plus
Les cellules d'un élément <table> qui utilisent l'attribut [headers] font référence à des cellules figurant dans le même tableau.
<table> qui utilisent l'attribut [headers] font référence à des cellules figurant dans le même tableau. Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les cellules `<td>` qui comportent l'attribut `[headers]` fassent référence à d'autres cellules dans le même tableau uniquement, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les éléments <th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données.
<th> et ceux portant l'attribut [role="columnheader"/"rowheader"] décrivent des cellules de données. Les lecteurs d'écran proposent des fonctionnalités qui permettent de naviguer plus simplement dans les tableaux. En vous assurant que les en-têtes de tableaux fassent toujours référence à un ensemble de cellules spécifique, vous pourrez améliorer l'expérience des utilisateurs de lecteurs d'écran. En savoir plus
Les attributs [lang] ont une valeur valide
[lang] ont une valeur valide Le fait de spécifier une langue BCP 47 valide pour les éléments permet de s'assurer que le texte sera prononcé correctement par les lecteurs d'écran. En savoir plus
Les éléments <video> contiennent un élément <track> avec [kind="captions"]
<video> contiennent un élément <track> avec [kind="captions"] Le fait d'ajouter des sous-titres à une vidéo rend cette dernière plus accessible aux personnes sourdes et malentendantes. En savoir plus
Fiabilité et sécurité
La page utilise des bibliothèques JavaScript frontales présentant des failles de sécurité connues 9 failles détectées
Certains scripts tiers peuvent présenter des failles de sécurité connues, faciles à identifier et à exploiter par des pirates informatiques. En savoir plus
Version de la bibliothèque | Nombre de failles | Extrême |
|---|---|---|
| Bootstrap@3.3.5 | 5 | Moyenne |
| jQuery@2.1.0 | 4 | Moyenne |
Garantir l'efficacité de la CSP contre les attaques XSS
Une CSP (Content Security Policy) efficace réduit considérablement le risque d'attaques de script intersites (XSS). En savoir plus
Description | Directive | Gravité |
|---|---|---|
Aucune CSP trouvée en mode de mise en conformité | Élevée |
Général
Bibliothèques JavaScript détectées
Toutes les bibliothèques JavaScript frontales détectées sur la page. Découvrez-en davantage.
Nom | Version |
|---|---|
Bootstrap | 3.3.5 |
jQuery | 2.1.0 |
Audits réussis (12) Afficher Masquer
Audits réussis (12)
Afficher Masquer
Requêtes HTTPS
Tous les sites doivent être protégés par le protocole HTTPS, même ceux qui ne traitent pas de données sensibles. Par conséquent, vous devez éviter le contenu mixte, qui provoque le chargement de certaines ressources sur HTTP bien que la demande initiale soit diffusée via HTTPS. Le protocole HTTPS empêche les intrus de détourner ou d’écouter passivement les communications entre votre application et les utilisateurs. Il constitue également une condition préalable à l'utilisation de HTTP/2 et de nombreuses nouvelles API de plates-formes Web. En savoir plus
Aucune autorisation de géolocalisation n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent leur position sans contexte. Envisagez plutôt d'associer la demande à des actions de l'utilisateur. En savoir plus
Aucune autorisation d'envoi de notifications n'est demandée au chargement de la page
Les utilisateurs se méfient des sites qui demandent à envoyer des notifications sans contexte. Envisagez plutôt d'associer la demande à des gestes de l'utilisateur. En savoir plus
Autoriser les utilisateurs à copier un contenu dans les champs de mot de passe
Empêcher la copie de contenu dans les champs de mot de passe nuit aux règles de sécurité. En savoir plus
Images affichées au bon format
Les dimensions d'affichage des images doivent correspondre au format naturel. En savoir plus
Images diffusées dans la résolution appropriée
Pour que la clarté de l'image soit optimale, ses dimensions naturelles doivent être proportionnelles à la taille d'affichage et au taux de pixels. En savoir plus
La page n'a pas d'attribut doctype HTML
La spécification d'un attribut doctype empêche le navigateur de passer en mode quirks. Découvrez-en davantage.
Le charset est défini correctement
La déclaration d'encodage des caractères est obligatoire. Elle peut être effectuée avec une balise `<meta>` dans les 1 024 premiers octets du code HTML, ou dans l'en-tête de réponse HTTP Content-Type. En savoir plus
La page n'utilise pas d'API obsolètes
Les API obsolètes seront finalement supprimées du navigateur. En savoir plus
Aucune erreur de navigateur enregistrée dans la console
Les erreurs enregistrées dans la console indiquent des problèmes non résolus. Ces derniers peuvent être dus à des requêtes réseau qui ont échoué et à d'autres problèmes du navigateur. En savoir plus
Aucun problème dans le panneau Issues des outils de développement Chrome
Issues des outils de développement Chrome Les problèmes enregistrés dans le panneau `Issues` des outils de développement Chrome indiquent des problèmes non résolus. Ceux-ci peuvent être dus à des requêtes réseau qui ont échoué, à des contrôles de sécurité insuffisants ou à d'autres problèmes du navigateur. Ouvrez le panneau "Issues" dans les outils de développement Chrome pour en savoir plus sur chaque problème.
La page contient des mappages source valides
Les mappages source traduisent le code minimisé pour obtenir le code source d'origine. Ce processus aide les développeurs à effectuer le débogage en phase de production. De plus, Lighthouse est en mesure de fournir d'autres renseignements. Envisagez de déployer des mappages source pour profiter de ces avantages. En savoir plus
Non applicable (1) Afficher Masquer
Non applicable (1)
Afficher Masquer
Les polices qui utilisent font-display: optional sont préchargées
font-display: optional sont préchargées Préchargez les polices `optional` pour que les nouveaux visiteurs puissent les utiliser. En savoir plus
Ces vérifications confirment que votre page suit les conseils de base concernant le référencement naturel. De nombreux facteurs supplémentaires ne sont pas comptés par Lighthouse ici, mais peuvent affecter votre classement dans les résultats de recherche, y compris vos performances sur Signaux Web essentiels. En savoir plus
Exploration et indexation
Les liens ne peuvent pas être explorés
Les moteurs de recherche peuvent utiliser les attributs `href` des liens pour explorer les sites Web. Assurez-vous que l'attribut `href` des éléments d'ancrage pointe vers une destination appropriée, pour que davantage de pages du site puissent être détectées. En savoir plus
Lien non explorable |
|---|
body > div.page-container > a.bloc-button <a class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget("1")"> |
Autres éléments à vérifier manuellement (1) Afficher Masquer
Autres éléments à vérifier manuellement (1)
Afficher Masquer
Les données structurées sont valides
Exécutez l'outil de test des données structurées et le validateur Lint de données structurées pour valider les données structurées. En savoir plus
Audits réussis (11) Afficher Masquer
Audits réussis (11)
Afficher Masquer
Une balise <meta name="viewport"> ayant l'attribut width ou initial-scale est configurée
<meta name="viewport"> ayant l'attribut width ou initial-scale est configurée Un `<meta name="viewport">` optimise votre appli pour les tailles d'écrans de mobiles, mais empêche aussi un délai d'entrée utilisateur de 300 millisecondes. En savoir plusTBT
Le document contient un élément <title>
<title> Le titre donne aux utilisateurs de lecteurs d'écran un aperçu de la page. En outre, les moteurs de recherche s'appuient principalement sur ce dernier pour déterminer la pertinence du contenu proposé. En savoir plus
Le document contient un attribut "meta description"
Les résultats de recherche peuvent inclure des attributs "meta description" pour résumer de façon concise le contenu de la page. En savoir plus
La page renvoie un code d'état HTTP de réussite
Les pages renvoyant des codes d'état HTTP d'échec peuvent ne pas être indexées correctement. En savoir plus
Les liens contiennent un texte descriptif
Le texte descriptif d'un lien aide les moteurs de recherche à comprendre votre contenu. En savoir plus
L'indexation de cette page n'est pas bloquée
Les moteurs de recherche ne peuvent pas inclure vos pages dans les résultats de recherche s'ils ne sont pas autorisés à les explorer. En savoir plus
Les éléments d'image possèdent des attributs [alt]
[alt] Les éléments informatifs doivent contenir un texte de substitution court et descriptif. L'attribut alt peut rester vide pour les éléments décoratifs. En savoir plus
L'attribut hreflang du document est valide
hreflang du document est valide Les liens hreflang indiquent aux moteurs de recherche la version de la page qu'ils doivent répertorier dans les résultats de recherche pour une page ou une région donnée. En savoir plus
Le document utilise des tailles de police lisibles 100 % du texte lisibles
Les tailles de police inférieures à 12 pixels sont trop petites pour être lisibles et nécessitent que les visiteurs sur la version mobile pincent l'écran pour zoomer et lire le texte. Veuillez utiliser une police de texte de plus de 12 pixels sur plus de 60 % du texte de la page. En savoir plus
Source | Sélecteur | % du texte de la page | Taille de police |
|---|---|---|---|
Texte lisible | 100.00% | ≥ 12px |
Le document évite les plug-ins
Les moteurs de recherche ne peuvent pas indexer le contenu des plug-ins, et de nombreux appareils limitent l'utilisation de ces derniers, voire ne les acceptent pas. En savoir plus
Les éléments tactiles sont dimensionnés correctement 100 % des éléments tactiles sont correctement dimensionnés
Les éléments interactifs comme les boutons et les liens doivent être suffisamment larges (48 x 48 pixels) et avoir suffisamment d'espace autour d'eux pour que l'utilisateur puisse appuyer facilement dessus sans appuyer en même temps sur d'autres éléments. En savoir plus
Non applicable (2) Afficher Masquer
Non applicable (2)
Afficher Masquer
Le fichier robots.txt est valide
Si votre fichier robots.txt n'est pas créé correctement, il se peut que les robots d'exploration ne puissent pas comprendre comment votre site Web doit être exploré ou indexé. Découvrez-en davantage.
L'attribut rel=canonical du document est valide
rel=canonical du document est valide Les liens canoniques suggèrent l'URL à afficher dans les résultats de recherche. En savoir plus